<template>
  <div class="report-wrapper">
    <div class="report-header">
      <h1 class="report-main-title">印尼新能源汽车市场细分潜力分析</h1>
      <p class="report-subtitle">2024年市场机遇与战略建议</p>
    </div>

    <v-card class="report-card" flat>
      <!-- 第一个表格 -->
      <div class="report-section">
        <h2 class="table-title">印尼新能源汽车市场细分潜力分析表 (2024)</h2>
        <v-table class="custom-table blue-header">
          <thead>
          <tr>
            <th>维度</th>
            <th>细分指标</th>
            <th>量化数据</th>
            <th>潜力等级</th>
            <th>数据来源</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item, index) in marketData" :key="index">
            <td v-if="item.dimension" :rowspan="item.rowspan || 1" class="dimension-cell">{{ item.dimension }}</td>
            <td>{{ item.indicator }}</td>
            <td>{{ item.data }}</td>
            <td class="rating-cell">
              <v-rating :model-value="item.rating" color="orange-lighten-1" density="compact" readonly></v-rating>
            </td>
            <td class="source-cell">{{ item.source }}</td>
          </tr>
          </tbody>
        </v-table>
      </div>

      <!-- 第二个表格 -->
      <div class="report-section">
        <h2 class="table-title">区域市场对比：IKN与传统核心城市</h2>
        <v-table class="custom-table blue-header">
          <thead>
          <tr>
            <th>指标</th>
            <th>IKN (新首都)</th>
            <th>雅加达</th>
            <th>泗水</th>
            <th>万隆</th>
          </tr>
          </thead>
          <tbody>
          <tr v-for="(item, index) in regionData" :key="index">
            <td class="indicator-cell">{{ item.indicator }}</td>
            <td>{{ item.ikn }}</td>
            <td>{{ item.jakarta }}</td>
            <td>{{ item.surabaya }}</td>
            <td>{{ item.bandung }}</td>
          </tr>
          </tbody>
        </v-table>
      </div>

      <!-- 第三个内容块 -->
      <div class="report-section">
        <h2 class="table-title">目标细分市场建议: IKN地区高净值家庭</h2>
        <div class="recommendation-content">
          <h3 class="sub-heading">一、核心优势分析</h3>
          <v-table class="custom-table blue-header" >
            <thead>
            <tr>
              <th>维度</th>
              <th>IKN地区表现</th>
              <th>全国平均水平</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td class="indicator-cell">政策扶持</td>
              <td>30年企业所得税减免</td>
              <td>增值税降低1%、奢侈品税减免(指定车型)</td>
            </tr>
            <tr>
              <td class="indicator-cell">市场增长</td>
              <td>预计2025-2030年均增长率30%-35%</td>
              <td>2024年预估同比增长17%，渗透率4%</td>
            </tr>
            <tr>
              <td class="indicator-cell">预算空间</td>
              <td>高净值家庭年均可支配收入18-25万美元，购车预算3-5万美元</td>
              <td>中产阶级年预算1.5-3万美元</td>
            </tr>
            <tr>
              <td class="indicator-cell">环保理念</td>
              <td>42.6%购车决策受环保因素驱动，年轻群体占比超60%</td>
              <td>29%消费者认为环保是主要购车因素</td>
            </tr>
            </tbody>
          </v-table>

          <h3 class="sub-heading">二、数据支撑与假设条件</h3>
          <ol class="custom-list">
            <li><strong>政策依据:</strong> 印尼《新首都经济特区法案》(2024年第1号) 明确税收优惠条款、覆盖新能源汽车购置及使用环节。</li>
            <li><strong>增长推断:</strong> 基于IKN人口导入计划 (2025年目标10万人，2030年150万人) 及高净值家庭占比 (0.5%-0.8%)，预计2028年IKN高净值家庭达5000-8000户。</li>
            <li><strong>类比参考:</strong> 雅加达高净值家庭新能源车保有率12%，IKN作为规划型智慧城市，预计2030年达25%。</li>
          </ol>

          <h3 class="sub-heading">三、战略建议</h3>
          <ol class="custom-list">
            <li><strong>产品定位:</strong> 优先投放中高端车型，定价3-4万美元，匹配高净值家庭预算。</li>
            <li><strong>渠道布局:</strong> 2025年前在IKN核心区建立品牌体验中心，并限定制化私人充电桩安装方案。</li>
            <li><strong>政策联动:</strong> 联合政府推出“绿色 residency”计划，购车可优先获得IKN永久居住权，强化政策吸引力。</li>
          </ol>
          <v-alert density="compact" type="info" variant="tonal" class="mt-4">
            注：部分数据为基于全面调研及政策文本的合理推断，并非以IKN管委会名义发布的统计公报为准。
          </v-alert>
        </div>
      </div>
    </v-card>
    <div class="report-footer">
      <span>created by coze space</span>
      <span>页面内容由AI生成，仅供参考</span>
    </div>
  </div>
</template>

<script setup>
const marketData = [
  { dimension: '地理', rowspan: 2, indicator: '核心区域占比', data: '爪哇岛占全国销量60%，雅加达占35%', rating: 4, source: '印尼工业协会2024' },
  { indicator: '充电桩密度', data: '雅加达15个/10万人，东爪哇仅0.3个/10万人', rating: 2, source: 'PLN 2024年度报告' },
  { dimension: '人口', rowspan: 2, indicator: '区域经济差异', data: '西爪哇人均GDP 6,500美元 vs 巴布亚3,200美元', rating: 3, source: '世界银行2023' },
  { indicator: '年龄分布', data: '17-24岁电动摩托车兴趣25.9%，30-40岁购车主力占52%', rating: 4, source: 'Statista 2024' },
  { dimension: '行为', rowspan: 3, indicator: '城市化率', data: '大雅加达地区超50%具备，城市化率年增1.2%', rating: 4, source: '印尼统计局2023' },
  { indicator: '中产阶级比例', data: '26%家庭月收入400-1,000美元，年增长率8%', rating: 3, source: 'SUSENAS 2023' },
  { indicator: '车型偏好', data: '电动两轮车占70%销量，五菱Air EV占总电汽车50%份额', rating: 5, source: 'MarkPlus 2024调研' },
  { dimension: '心理', rowspan: 3, indicator: '政策敏感度', data: '税收减免使购车成本降低18%，补贴车型销量占比75%', rating: 5, source: '印尼财政部2024政策文件' },
  { indicator: '使用成本优势', data: '电动车月均费用比燃油车低60%（20万 vs 300万印尼盾）', rating: 4, source: 'PWC消费者调查2024' },
  { indicator: '环保驱动因素', data: '42.6%购车决策受环保因素影响，87%认可EV环保属性', rating: 4, source: 'MDPI期刊研究2021' },
];

const regionData = [
  { indicator: '2024年市场份额', ikn: '待开发 (政策试点期)', jakarta: '60%', surabaya: '8%', bandung: '5%' },
  { indicator: '2025年增长率', ikn: '30%-35% (政策驱动)', jakarta: '25%-30%', surabaya: '15%-20%', bandung: '12%-18%' },
  { indicator: '充电桩密度', ikn: '规划中 (目标20个/10万人)', jakarta: '15个/10万人', surabaya: '5个/10万人', bandung: '4个/10万人' },
  { indicator: '政策支持', ikn: '30年企业所得税减免', jakarta: '增值税降低至1%', surabaya: '地方政府补贴 (有限)', bandung: '地方政府补贴 (有限)' },
  { indicator: '高净值家庭占比', ikn: '预计2028年0.5%-0.8%', jakarta: '0.3%', surabaya: '0.15%', bandung: '0.12%' },
];
</script>

<style scoped>
.report-wrapper {
  background-color: #f4f7fc;
  padding: 24px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border-radius: 12px;
}
.report-header { text-align: center; margin-bottom: 24px; }
.report-main-title { font-size: 28px; font-weight: 600; color: #1a2b4e; margin: 0; }
.report-subtitle { font-size: 16px; color: #5a6a8a; margin-top: 4px; }
.report-card { padding: 16px 24px; border: 1px solid #e0e6f1; }
.report-section { margin-bottom: 32px; }
.table-title { font-size: 20px; color: #1a2b4e; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid #4a90e2; display: inline-block; }
.custom-table { border: 1px solid #d9e2ef; border-radius: 8px; overflow: hidden; }
.custom-table th, .custom-table td { border-bottom: 1px solid #d9e2ef; }
.custom-table th { background-color: #f8f9fd; font-weight: 600; color: #3c4d6f; }
.custom-table.blue-header th { background-color: #e9f3ff; color: #0056b3; }
.dimension-cell { font-weight: 500; text-align: center; vertical-align: middle; background-color: #f8f9fd; }
.indicator-cell { font-weight: 500; }
.rating-cell { min-width: 140px; }
.source-cell { font-size: 13px; color: #6c757d; }
.sub-heading { font-size: 18px; font-weight: 600; color: #1a2b4e; margin-top: 24px; margin-bottom: 12px; }
.recommendation-content { padding: 0 8px; }
.custom-list { padding-left: 20px; line-height: 1.8; color: #34495e; }
.custom-list li::marker { color: #4a90e2; }
.report-footer { text-align: center; margin-top: 24px; font-size: 12px; color: #9aa5b8; }
.report-footer span { display: block; margin-top: 4px; }
</style>